﻿@model PagedList.IPagedList<MSDAL.Sale>
@using PagedList.Mvc;
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Strona główna</h2>

<p>
    <button class="sale-tworzenie btn btn-primary">Nowa Sala</button>
</p>
<table class="table">
    <tr>
        <th>
            Nazwa Sali:
        </th>
        <th>
            Komentarz:
        </th>
        <th>
            Kolor:
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.NazwaSali)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Komentarz)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Colors.NazwaPolska)
            </td>
            <td>
                <button class="sale-edytowanie btn btn-primary" data-id="@item.IDSali">Edytuj</button>
                <button class="sale-detale btn btn-primary" data-id="@item.IDSali">Szczegóły</button>
                @*<button class="sale-usuwanie btn btn-primary" data-id="@item.IDSali">Usuń</button>*@
            </td>
        </tr>
    }

</table>
<br />
Strona @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) z @Model.PageCount

@Html.PagedListPager(Model, page => Url.Action("Index",
    new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))

<div id="sale-usuwanie-wrapper"></div>
<div id="sale-edytowanie-wrapper"></div>
<div id="sale-detale-wrapper"></div>
<div id="sale-tworzenie-wrapper"></div>
@section Scripts
{
    <script type="text/javascript">
        $(document).ready(function () {
            $('.sale-usuwanie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Sales/Usuwanie?id=' + id,
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#sale-usuwanie-wrapper').html(result);
                        $('#sale-usuwanie-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
        $(document).ready(function () {
            $('.sale-edytowanie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Sales/Edycja?id=' + id,
                    type: 'get',
                    async: true,
                    cache: false,
                    success: function (result) {
                        $('#sale-edytowanie-wrapper').html(result);
                        $('#sale-edytowanie-modal').modal("show");
                    },
                    error: function (result) {
                        alert('blad');
                    }
                });
            });
        });
        $(document).ready(function () {
            $('.sale-detale').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Sales/Detale?id=' + id,
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#sale-detale-wrapper').html(result);
                        $('#sale-detale-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
        $(document).ready(function () {
            $('.sale-tworzenie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Sales/Tworzenie',
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#sale-tworzenie-wrapper').html(result);
                        $('#sale-tworzenie-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
    </script>
}